@charset "utf-8";
.table{margin:30px 20px;width:98%;}
.table tbody tr th{background:#7fb1f8;border:1px solid #7fb1f8;height:32px;line-height:32px;text-align:center;font-size:14px;color:white;font-size:bold}
.table tbody tr td{border:1px solid #7fb1f8;text-align:center}
.table tbody tr td .btn{height:22px;line-height:22px;background:#ff9936;padding:0px 8px;;border:none;}
.tableForm{width:91%;margin:24px auto}
.tableForm .btn{margin-left:20px;width:110px;height:40px;border:none;background:#ff9933;}
.tableForm .btn-group .btn{width:110px;} 
/* table */
.tableBox{margin-left:40px;width:auto;text-align:left;margin:0px auto;padding-top:40px}
.tableBox .btnGroup,.tableBox .inputGroup{margin-left:5%;}
.tableBox tbody tr td{line-height:36px;}
.tableBox .inputGroup{margin-top:40px;}
.tableBox .btnGroup .btn{margin-left:40px;}
.tableBox .tableMargin{width:90%;margin:40px 5%;text-align:center}
.tableBox tr th{text-align:center}
.tableBox .btnGroup .btn-first{margin-left:0px;}
.tableBox .tableMessage{margin-top:0px}
.tableBox .messageTitle{margin:10px 0 4px 5%;width:90%}
.tableBox .messageTitle .messageTitleLeft{float:left}
.tableBox .messageTitle .messageTitleRight{float:right}
.tableBox .messageTitle .messageTitleLeft .hasClick{color:gray}
.tableBox .messageTitle .messageTitleLeft a{margin-left:10px;} 
.tableBox .messageTitle .messageTitleRight label{margin-right:10px;}
.tableBox .tableMessage tbody tr .tableDataTitle{border:none;}
.tableBox .tableTitle{margin:40px 0 0 5%;font-size:20px;font-weight:700;position:relative}
.tableBox .tableTitle .addBtn{position:absolute;top:10px;right:10%;}
.tableBox .tableSingleBtn{margin:20px 0 0 5%}
.tableBox .tableMargin tbody tr td .btn{margin-left:10px;}
/* page */
.pageBox{padding-bottom:50px;width:91%;margin:0 auto}
.pageBox .pagination{float:right;margin-right:30px;}
.pageBox .selectPage{float:right;margin-top:20px;}
.pageBox .selectPage .selectPageInput{width:50px;}
.pageBox .pageHandle{float:left;}
.pageBox .pageHandle .btn{margin-left:20px;}
.pageBox .pageHandle .btn-first{margin-left:0px}
/* website message style */
.content .webMsgBox{position:relative;width:91%;margin-top:-20px;padding-top:60px;margin-left:4.5%;float:left;background:#eef3f7}
.content .topContacts{width:16%;float:left}
.content .webMsgBox .form-inline{margin:20px 0;}
.content .webMsgBox .form-inline .leftLabel,.contWrap .webMsgBox .form-inline .rightLabel{float:left;}
.content .webMsgBox .form-inline .leftLabel{width:10%;text-align:right}
.content .webMsgBox .form-inline .leftLabel label{line-height:36px;}
.content .webMsgBox .form-inline .rightLabel{width:90%}
.content .webMsgBox .form-inline .rightLabel input{line-height:36px;height:36px;}
.content .webMsgBox .form-inline .rightLabel .form-control{width:40%}
.content .webMsgBox .form-inline .rightLabel .selectBtn{width:80px;}
.content .webMsgBox .form-inline .rightLabel .tipsMsg{font-size:12px;font-weight:400;color:red}
.content .webMsgBox .form-inline .rightLabel .margin-50{margin-left:40px;}
.content .topContacts .topContactsTitle{width:100%}
.content .topContacts .topContactsList{width:100%;height:300px;overflow-y:auto;border:1px solid #31B0D5;background:white}
.content .topContacts .topContactsList li{cursor:pointer;display:block;line-height:28px;text-align:center;font-size:12px;margin:4px auto}
.content .topContacts .topContactsList li:hover{background:#31B0D5}
.content .messageSubmitBtnBox{text-align:center;margin-top:50px;}
.tableBox .btnGroup .messagePageBtn{margin-right:20px;}
.tableBox .btnGroup .messagePageBtnFirst{margin-right:5%}
.content .webMsgBox .webMsgGoback{right:20px;top:30px;border:none;padding:0;line-height:36px;position:absolute;width:80px;height:36px;background:#ff9933}
.content .webMsgBox .webMsgSubmitBtn{margin:30px auto;display:block;border:none;padding:0;line-height:36px;width:80px;height:36px;background:#ff9933}



